<template>
  <ul>
    <li v-for="todo in todos" :key="todo.id">
      <slot name="id"></slot>
      <slot :item="todo">
        <!-- 默认显示 -->
        {{ todo.text }}
      </slot>
    </li>
  </ul>
</template>

<script>
export default {
  props: {
    todos: {
      type: Array,
      default: () => []
    }
  }
}
</script>

<style lang="less" scoped>
</style>
